<style>
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: #ffffff;
}
.input-group .form-control{
	font-weight: bold;
	font-size: 22px;
	color: #ffffff;
	background-color:#ec008c;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: pointer;
  background-color:#ec008c;
}
.col-lg-6{
	margin-bottom:10px;
}
h3 {font-size: 30px;line-height: 27px;}
h3 small {font-size: 24px;}
div.checker span {
  background-position: -2px -4px;
  height: 30px;
  width: 30px;
  background-size: 28px;
}
div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}
div.checker:active span,
div.checker.active span {
  background-position: 0px -7px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -2px -41px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
 background-position: -2px -41px;
}

div.checker span.checked {
  background-position: -2px -77px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: 0px -77px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -2px -77px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -2px -77px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: 0px -28px;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -0px -53px;
}
.input-group-addon {
  padding: 3px 8px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color:#f5f6f6;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
div.checker {
width: 23px;
height: 23px;
}
.navbar{
background:#714a8b;
}
#content{
background:none;
}
body{
background:#e9d2e8;
}
.btn-primary{
background:#00aeef;
}
.btn-custom {
  background-color: hsl(317, 90%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb0a94", endColorstr="#ae097f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cb0a94), to(#ae097f));
  background-image: -moz-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -ms-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb0a94), color-stop(100%, #ae097f));
  background-image: -webkit-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -o-linear-gradient(top, #cb0a94, #ae097f);
  background-image: linear-gradient(#cb0a94, #ae097f);
  border-color: #ae097f #ae097f hsl(317, 90%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
</style>

<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading" style="font-size: 24px;font-weight: bold;">
				<span><center>Form Kuesioner [Responden]</center></span>
			</div>
			<div class="panel-body" style="background-color: #f8f8f8;">
			   <!-- <form class="form-horizontal" action="#" role="form"> -->
				<?php
					$attributes = array('class' => 'form-horizontal', 'role' => 'form', 'background-color => lightpink');
					echo form_open('kuesioner', $attributes);
				?>

				<div class="col-lg-1">
				</div>

				<div class="col-lg-5">
					<div class="form-group">
						<label class="col-lg-4 control-label" for="radios" style="font-size: 22px;">Jenis Kelamin</label>
						<div class="col-lg-8">
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" Laki-Laki" name="laki" readonly>
								<span class="input-group-addon jk" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="jkLaki-Laki" name="jk[]" value="L" />
								</span>
							</div><!-- /input-group -->
						</div>
						<div class="col-lg-8">
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" Perempuan" name="perempuan" readonly />
								<span class="input-group-addon jk" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="jkPerempuan" name="jk[]" value="P" />
								</span>
							</div><!-- /input-group -->
						</div>
					</div><!-- End .form-group  -->

					<div class="form-group">
						<label class="col-lg-4 control-label" for="radios" style="font-size: 22px;">Usia / Umur</label>
						<div class="col-lg-8">
							<?php foreach($usia as $row) { ?>
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" <?php echo $row['range_usia'];?> Tahun" name="usia_t[]" id="usia_t<?php echo $row['kd_usia'];?>" readonly />
								<span class="input-group-addon usia" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="usia<?php echo $row['kd_usia'];?>" name="usia[]" value="<?php echo $row['kd_usia']?>" />
								</span>
							<br/>
							</div><!-- /input-group -->
							<?php } ?>
						</div>
					</div><!-- End .form-group  -->

					<div class="form-group">
						<label class="col-lg-4 control-label" for="radios" style="font-size: 22px;">Pendidikan</label>
						<div class="col-lg-8">
							<?php foreach($pendidikan as $row) { ?>
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" <?php echo $row['nm_pendidikan'];?>" name="pendidikan_t[]" id="pendidikan_t<?php echo $row['kd_pendidikan'];?>" readonly />
								<span class="input-group-addon pendidikan" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="pendidikan<?php echo $row['kd_pendidikan'];?>" name="pendidikan[]" value="<?php echo $row['kd_pendidikan']?>" />
								</span>
							<br/>
							</div><!-- /input-group -->
							<?php } ?>
						</div>
					</div><!-- End .form-group  -->
				</div>

				<div class="col-lg-5">
					<div class="form-group">
						<label class="col-lg-4 control-label" for="radios" style="font-size: 22px;">Pekerjaan</label>
						<div class="col-lg-8">
							<?php foreach($pekerjaan as $row) { ?>
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" <?php echo $row['nm_pekerjaan'];?>" name="pekerjaan_t[]" id="pekerjaan_t<?php echo $row['kd_pekerjaan'];?>" readonly />
								<span class="input-group-addon pekerjaan" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="pekerjaan<?php echo $row['kd_pekerjaan'];?>" name="pekerjaan[]" value="<?php echo $row['kd_pekerjaan']?>" />
								</span>
							<br/>
							</div><!-- /input-group -->
							<?php } ?>
						</div>
					</div><!-- End .form-group  -->

					<div class="form-group">
						<label class="col-lg-4 control-label" for="radios" style="font-size: 22px;">Frekuensi Urus Izin</label>
						<div class="col-lg-8">
							<?php foreach($urus_izin as $row) { ?>
							<div class="input-group">
								<input style="font-weight: bold; font-size: 22px;" type="text" class="form-control" value=" <?php echo $row['urus_izin'];?> Kali" name="urus_izin_t[]" id="urus_izin_t<?php echo $row['kd_urus_izin'];?>" readonly />
								<span class="input-group-addon urus_izin" style="">
									<!--<input type="checkbox">-->
									<input type="checkbox" id="urus_izin<?php echo $row['kd_urus_izin'];?>" name="urus_izin[]" value="<?php echo $row['kd_urus_izin']?>" />
								</span>
							<br/>
							</div><!-- /input-group -->
							<?php } ?>
						</div>
					</div><!-- End .form-group  -->

					<br/>
					<br/>
					<br/>

					<div class="form-group">
						<div class="col-lg-offset-3 col-lg-9">
							<h3>
								<button type="submit" class="btn btn-custom">
									<span class="icon16 icomoon-icon-arrow-right-2 white right"></span>
									Lanjut Ke Halaman Jenis Izin &nbsp; &nbsp;
								</button>
							</h3>
						</div>
					</div><!-- End .form-group  -->
				</div>

				<div class="col-lg-1">
				</div>

				<?php echo form_close();?>
				<!-- </form> -->
			</div>
		</div>
	</div>

</div><!-- End .panel -->

<?php
    $usia_ids = array();
    foreach ($usia as $rows) $usia_ids[] = $rows['kd_usia'];
    $pendidikan_ids = array();
    foreach ($pendidikan as $rows) $pendidikan_ids[] = $rows['kd_pendidikan'];
    $pekerjaan_ids = array();
    foreach ($pekerjaan as $rows) $pekerjaan_ids[] = $rows['kd_pekerjaan'];
    $urus_izin_ids = array();
    foreach ($urus_izin as $rows) $urus_izin_ids[] = $rows['kd_urus_izin'];
?>

<script language="javascript">
	var id_usia = new Array();
	var usia_ids = <?php echo json_encode($usia_ids);?>;
	for (var i=0;i<usia_ids.length;i++)
	{
		id_usia[i] = usia_ids[i];
	}

	var id_pendidikan = new Array();
	var pendidikan_ids = <?php echo json_encode($pendidikan_ids);?>;
	for (var i=0;i<pendidikan_ids.length;i++)
	{
		id_pendidikan[i] = pendidikan_ids[i];
	}

	var id_pekerjaan = new Array();
	var pekerjaan_ids = <?php echo json_encode($pekerjaan_ids);?>;
	for (var i=0;i<pekerjaan_ids.length;i++)
	{
		id_pekerjaan[i] = pekerjaan_ids[i];
	}

	var id_urus_izin = new Array();
	var urus_izin_ids = <?php echo json_encode($urus_izin_ids);?>;
	for (var i=0;i<urus_izin_ids.length;i++)
	{
		id_urus_izin[i] = urus_izin_ids[i];
	}

	$("input:text").click(function(){
		if( $(this).attr("name") == "laki" ) {
			$(".jk #uniform-jkLaki-Laki span").addClass("checked",true);
			$(".jk .checker span input:checkbox#jkLaki-Laki").attr("checked",true);
			$(".jk #uniform-jkPerempuan span").removeClass("checked");
			$(".jk .checker span input:checkbox#jkPerempuan").attr("checked",false);
		} else if( $(this).attr("name") == "perempuan" ) {
			$(".jk #uniform-jkPerempuan span").addClass("checked",true);
			$(".jk .checker span input:checkbox#jkPerempuan").attr("checked",true);
			$(".jk #uniform-jkLaki-Laki span").removeClass("checked");
			$(".jk .checker span input:checkbox#jkLaki-Laki").attr("checked",false);
		} else if( $(this).attr("name") == "usia_t[]" ) {
			if( $(this).attr("id") == "usia_t" + id_usia[0] ) {
				$(".usia #uniform-usia"+id_usia[0]+" span").addClass("checked",true);
				$(".usia .checker span input:checkbox#usia"+id_usia[0]).attr("checked",true);
				$(".usia #uniform-usia"+id_usia[1]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[1]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[2]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[2]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[3]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[3]).attr("checked",false);
			} else if( $(this).attr("id") == "usia_t" + id_usia[1] ) {
				$(".usia #uniform-usia"+id_usia[1]+" span").addClass("checked",true);
				$(".usia .checker span input:checkbox#usia"+id_usia[1]).attr("checked",true);
				$(".usia #uniform-usia"+id_usia[0]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[0]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[2]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[2]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[3]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[3]).attr("checked",false);
			} else if( $(this).attr("id") == "usia_t" + id_usia[2] ) {
				$(".usia #uniform-usia"+id_usia[2]+" span").addClass("checked",true);
				$(".usia .checker span input:checkbox#usia"+id_usia[2]).attr("checked",true);
				$(".usia #uniform-usia"+id_usia[0]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[0]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[1]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[1]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[3]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[3]).attr("checked",false);
			} else {
				$(".usia #uniform-usia"+id_usia[3]+" span").addClass("checked",true);
				$(".usia .checker span input:checkbox#usia"+id_usia[3]).attr("checked",true);
				$(".usia #uniform-usia"+id_usia[0]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[0]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[1]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[1]).attr("checked",false);
				$(".usia #uniform-usia"+id_usia[2]+" span").removeClass("checked");
				$(".usia .checker span input:checkbox#usia"+id_usia[2]).attr("checked",false);
			}
		} else if( $(this).attr("name") == "pendidikan_t[]" ) {
			if( $(this).attr("id") == "pendidikan_t" + id_pendidikan[0] ) {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pendidikan_t" + id_pendidikan[1] ) {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pendidikan_t" + id_pendidikan[2] ) {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pendidikan_t" + id_pendidikan[3] ) {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pendidikan_t" + id_pendidikan[4] ) {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",false);
			} else {
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[5]+" span").addClass("checked",true);
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[5]).attr("checked",true);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[0]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[0]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[2]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[2]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[3]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[3]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[4]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[4]).attr("checked",false);
				$(".pendidikan #uniform-pendidikan"+id_pendidikan[1]+" span").removeClass("checked");
				$(".pendidikan .checker span input:checkbox#pendidikan"+id_pendidikan[1]).attr("checked",false);
			}
		} else if( $(this).attr("name") == "pekerjaan_t[]" ) {
			if( $(this).attr("id") == "pekerjaan_t" + id_pekerjaan[0] ) {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pekerjaan_t" + id_pekerjaan[1] ) {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pekerjaan_t" + id_pekerjaan[2] ) {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pekerjaan_t" + id_pekerjaan[3] ) {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",false);
			} else if( $(this).attr("id") == "pekerjaan_t" + id_pekerjaan[4] ) {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",false);
			} else {
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[5]+" span").addClass("checked",true);
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[5]).attr("checked",true);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[0]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[0]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[2]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[2]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[3]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[3]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[4]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[4]).attr("checked",false);
				$(".pekerjaan #uniform-pekerjaan"+id_pekerjaan[1]+" span").removeClass("checked");
				$(".pekerjaan .checker span input:checkbox#pekerjaan"+id_pekerjaan[1]).attr("checked",false);
			}
		} else {
			if( $(this).attr("id") == "urus_izin_t" + id_urus_izin[0] ) {
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[0]+" span").addClass("checked",true);
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[0]).attr("checked",true);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[1]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[1]).attr("checked",false);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[2]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[2]).attr("checked",false);
			} else if( $(this).attr("id") == "urus_izin_t" + id_urus_izin[1] ) {
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[1]+" span").addClass("checked",true);
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[1]).attr("checked",true);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[0]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[0]).attr("checked",false);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[2]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[2]).attr("checked",false);
			} else {
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[2]+" span").addClass("checked",true);
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[2]).attr("checked",true);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[0]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[0]).attr("checked",false);
				$(".urus_izin #uniform-urus_izin"+id_urus_izin[1]+" span").removeClass("checked");
				$(".urus_izin .checker span input:checkbox#urus_izin"+id_urus_izin[1]).attr("checked",false);
			}
		}
	});

	$("input:checkbox").click(function(){
		if( $(this).attr("name") == "jk[]" ) {
			var group = "input:checkbox[name='jk[]']";
			$(group).attr("checked",false);
			$(".jk span").removeClass("checked");
			$(this).attr("checked",true);
		} else if( $(this).attr("name") == "usia[]" ) {
			var group = "input:checkbox[name='usia[]']";
			$(group).attr("checked",false);
			$(".usia span").removeClass("checked");
			$(this).attr("checked",true);
		} else if( $(this).attr("name") == "pendidikan[]" ) {
			var group = "input:checkbox[name='pendidikan[]']";
			$(group).attr("checked",false);
			$(".pendidikan span").removeClass("checked");
			$(this).attr("checked",true);
		} else if( $(this).attr("name") == "pekerjaan[]" ) {
			var group = "input:checkbox[name='pekerjaan[]']";
			$(group).attr("checked",false);
			$(".pekerjaan span").removeClass("checked");
			$(this).attr("checked",true);
		} else {
			var group = "input:checkbox[name='urus_izin[]']";
			$(group).attr("checked",false);
			$(".urus_izin span").removeClass("checked");
			$(this).attr("checked",true);
		}
	});
</script>